<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8"/>
		<title></title>
		<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
	</head>
	<body>
		<ol>
			<li id="1">只有当实例被创建时 data 中存在的属性才是响应式的。之后加入的属性入vm.b='hi'是不会进行渲染的</li>
			<li id="2">这里唯一的例外是使用 Object.freeze()，这会阻止修改现有的属性，也意味着响应系统无法再追踪变化。</li>
			<li id="3"></li>
		</ol>
		
		
		<div id="app2">
			<p>点2</p>
			<div></div>
		</div>
		
		<script type="text/javascrip">
			/* 点2 */
				/* Object.freeze() 方法可以冻结一个对象，冻结指的是不能向这个对象添加新的属性，不能修改其已有属性的值，
					不能删除已有属性，以及不能修改该对象已有属性的可枚举性、可配置性、可写性。也就是说，这个对象永远是不可变的。该方法返回被冻结的对象。 */
				var msg2_1 = "Hello world!";
				Object.freeze(msg2_1);
				var vm2 = new Vue({
					el:"#app2",
					data:{
						msg2_1:msg2_1,
					},
				})
		</script>
	</body>
</html>
